<template>
  <div><DoughtChart :data="data"/></div>
</template>

<script>
import DoughtChart from '@/components/Charts/DoughunuChart'
import { reactive } from 'vue'
export default {
  components:{DoughtChart},
  setup(){
   const data = reactive(
     [
        {value: 1048, name: '搜索引擎'},
        {value: 735, name: '直接访问'},
        {value: 580, name: '邮件营销'},
        {value: 484, name: '联盟广告'},
        {value: 300, name: '视频广告'}
     ]
   )
   return {data}
  }
}
</script>

<style>

</style>